.chat-scroll-view {
	position: relative;
	width: 100%;
	/* #ifndef H5 */
	height: calc(100vh - 105.1rpx);
	/* #endif */
	transition: height .15s;
	.scroll-view {
		position: relative;
		height: 100%;
		.news-view-item {
			position: relative;
			display: grid;
			margin: 36.36rpx 27.27rpx;
			&:first-child { 
				margin-top: 54.54rpx;
			}
			.cu-avatar {
			    background-color: #fff;
			}
			.news-content {
				position: relative;
			    padding-left: 81.81rpx;
				padding-right: 254.54rpx;
			    min-height: 63.63rpx;
				.content {
					position: relative;	
				    padding: 12.72rpx;
					font-size: 25.45rpx;
					width: fit-content;
				    top: 0;
					.emoji {
						position: absolute;
						width: 36.36rpx;
						height: 36.36rpx !important;
					}
					.emoji + text {
						margin-left: 36.36rpx;
					}
					.status {
						position: absolute;
					    left: -63.63rpx;
					    bottom: 0;	
					}
					.sound-icon {
						font-size: 36.36rpx;
					}
					.s-text {
						position: relative;
						top: -5.45rpx;
					}
				}
			}
		}
		.news-view-item.time {
			text-align: center;
		}
		.news-view-item.left {
			.cu-avatar {
			    position: absolute;	
			}
			.news-content {
			    padding-left: 81.81rpx;
				padding-right: 250.9rpx;
				.content {
					border-radius: 0 18.18rpx 18.18rpx 18.18rpx;
				}
				.img-content {
					position: relative;
					height: 218.18rpx;
					width: 363.63rpx;
					border-radius: 0 18.18rpx 18.18rpx 18.18rpx;
				}
			}
		}
		.news-view-item.right {
			.news-content {
				padding-left: 254.54rpx;
				padding-right: 81.81rpx;
				.content {
					float: right;
					border-radius: 18.18rpx 0 18.18rpx 18.18rpx;
					.s-text {
						color: #ececec;
					}
				}
				.img-content {
					position: relative;
					height: 218.18rpx;
					width: 363.63rpx;
					border-radius: 18.18rpx 0 18.18rpx 18.18rpx;
					.status {
						position: absolute;
					    left: -63.63rpx;
					    bottom: 0;	
					}
				}
			}
			.cu-avatar {
			    position: absolute;
				right: 0;
				top: 0;
			}
		}
		.news-view-item.notice {
			.notice-content-view {
				position: relative;
				border-radius: 9.09rpx;
				padding: 18.18rpx;
				.cu-avatar {
					position: absolute;	
				}
				.notice-content {
					position: relative;
					padding-left: 81.81rpx;
					.introduce {
					    margin-top: 9.09rpx;	
					}
				}
			}
		}
		.news-view-item.order {
			.order-content-view {
				position: relative;
				border-radius: 9.09rpx;
				padding: 18.18rpx;
				.cu-avatar {
					position: absolute;
					width: 72.72rpx;
					height: 72.72rpx;
				}
				.order-content {
					position: relative;
					padding-left: 90.9rpx;
					.title-view {
						position: relative;
						.text-right {
						    position: absolute;
							top: 3.63rpx;	
						    right: 0;
						}
					}
					.introduce {
						margin-top: 2rpx;
					}
				}
			}
		}
		.news-view-item.tip {
			text-align: center;
		}
	}
}

.chat-scroll-view.tools {
	/* #ifndef H5 */
	height: calc(100vh - 435rpx);
	/* #endif */
	transition: height .15s;
}

.footer-fixed {
	.foot-bar-input-tools {
		.action {
			margin-left: 18.18rpx;
			&:first-child {
			    margin-left: 18.18rpx;
			    font-size: 29.09rpx;
			}
			&:last-child {
				margin-right: 0;
			}
		}
		.input-radius {
		    background: #F8F8F8;
		    border-radius: 90.9rpx;
		    padding: 0 27.27rpx;
			font-size: 25.45rpx;
			margin: 0 18.18rpx;
			margin-left: 0;
		}
		.input-radius + .action {
		    margin-right: 0;
		    margin-left: 0;
		}
	}
	.speedy-view, .emoji-view,.tools-view {
		position: relative;
		overflow-y: auto;
		height: 0;
		transition: height .15s;
	}
	.speedy-view.show, .emoji-view.show, .tools-view.show {
		height: 327.27rpx;
		transition: height .15s;
	}
	.speedy-view {
		.key-bar {
			height: 81.81rpx;
			line-height: 81.81rpx;	
		}
		.key-bar + .key-bar {
			border-top: 2rpx solid #f3f3f3;
		}
	}
	.emoji-view {
		.emoji-scroll-view-box {
			position: relative;
			.emoji-swiper {
				height: 272.72rpx;
				.cu-list.grid {
					background-color: inherit;
					padding: 0 9.09rpx;
					.emoji {
						margin: 14.54rpx 29.63rpx;
						width: 45.45rpx;
						height: 45.45rpx !important;
					}
					.del_btn {
						margin: 14.54rpx 29.63rpx;
						width: 45.45rpx;
					}
				}
			}
		}
		.emoji-tools-scroll-view {
			position: relative;
			width: 100%;
			.emoji-tools-item {
				display: inline-block;
				padding-top: 2rpx;
				border-right: 2rpx solid #F8F8F8;
				.emoji {
					width: 36.36rpx;
					height: 36.36rpx !important;
					margin: 5.45rpx 18.18rpx;
					position: relative;
					top: 3.63rpx;
				}
			}
			.emoji-tools-item.select {
				background: #F8F8F8;
			}
		}
	}
	.tools-view {
		.cu-list.grid.no-border {
		    padding: 0;
		}
		.cu-list.grid.no-border>.cu-item {
			.img-view {
				.img {
					width: 72.72rpx;
					height: 72.72rpx !important;
					border-radius: 50%;
				}
			}
		}
	}
}
